<template>
    <div style="padding-top: 20px">
        <div>
            <div style="width: 450px;height: 700px; float: left;">
            </div>
            <div style="width: 500px;height: auto; float: left;background-color: #2c3e50">
                <el-card class="box-card">
                    <el-table
                            :data="searchResult"
                            style="width: 100%"
                            height="300">
                        <el-table-column
                                fixed
                                prop=""
                                label=""
                                width="50">
                            <i class="el-icon-video-play"></i>
                        </el-table-column>
                        <el-table-column
                                prop="songName"
                                label="歌曲名称"
                                width="150">
                        </el-table-column>
                        <el-table-column
                                prop="songActor"
                                label="歌手"
                                width="120">
                        </el-table-column>
                        <el-table-column
                                prop="songPublishTime"
                                label="发布日期"
                                width="120">
                        </el-table-column>
                    </el-table>
                </el-card>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SearchResult",
        data(){
            return{
                searchResult:[],
            }
        },
        created() {
            this.getSearchResult();
        },
        methods:{
            getSearchResult(){
                this.searchResult = this.$route.params.searchResult;
            }
        }
    }
</script>

<style scoped>

</style>